<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <div class="box">
        <ul>
            <li>
                <a href="#">11111111111</a>
            </li>
        </ul>
    </div> -->
</body>

</html>
<script>
    //字符串扩展
    //1.模板字符串(template string)是增强版的字符串，用反引号(`)标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量函数等(${}) - 非常重要。

    // let name = 'zhangsan';
    // let str = '<li>' + name + '</li>';
    // document.body.innerHTML = str;



    // let str = '';
    // let arr = [1111, 2222, 3333, 4444, 5555]
    // for (let i = 0; i < 5; i++) {
    //     str += '<div class="box">' +
    //         '<ul>' +
    //         ' <li>' +
    //         ' <a href="#">' + arr[i] + '</a>' +
    //         '</li>' +
    //         '</ul>' +
    //         '</div>'
    // }
    // document.body.innerHTML = str;


    //渲染的核心
    // let str = '';
    // let arr = [1111, 2222, 3333, 4444, 5555];
    // for (let i = 0; i < 5; i++) {
    //     str += `
    //         <div class="box">
    //             <ul>
    //                 <li>
    //                     <a href="#">${arr[i]}</a>
    //                 </li>
    //             </ul>
    //         </div>
    //     `;
    // }
    // document.body.innerHTML = str;

    // let obj = {
    //     name: 'zhangsan',
    //     age: 100,
    //     sex: '男',
    //     show: function() {
    //         // return '我的姓名是' + this.name + ',我今年' + this.age + '岁,我是' + this.sex + '的';
    //         return `我的姓名是${this.name},我今年${this.age}岁,我是${this.sex}的`;
    //     }
    // }

    // console.log(obj.show());

    // 2.新增数组方法
    // let str = 'hello';
    // repeat(n)方法返回一个新字符串，表示将原字符串重复n次。
    // console.log(str.repeat(5));
    // includes()：返回布尔值，表示是否找到了参数字符串 - 数组也有此方法。
    // console.log(str.includes('e'));
    // console.log(str.includes('f'));
    // startsWith()：返回布尔值，表示参数字符串是否在源字符串的头部。
    // console.log(str.startsWith('hel')); //true
    // console.log(str.startsWith('he5')); //false
    // endsWith()：返回布尔值，表示参数字符串是否在源字符串的尾部。
    // console.log(str.endsWith('hel')); //false
    // console.log(str.endsWith('o')); //true
    // console.log(str.endsWith('lo')); //true
</script>